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METHODS AND SYSTEMS FOR DIAGRAMMING AND REMOTELY 
MANIPULATING BUSINESS OBJECTS 

BACKGROUND OF THE INVENTION 

1. Field of the Invention 

The present invention relates to computer-implemented methods, systems and network 
architectures for diagramming and remotely manipulating flows, processes, schema definitions, 
hierarchical and linear relationships or any other business object through a thin client. 

2. Description of the Related Art 

Current trends appear to favor self-service applications in which users can remotely log 
onto a Web application and carry out various operations. Such self-service Web applications 
allow employees to, for example, check their accumulated vacation time, allow customers to 
request refunds or returns and carry out like functions without human intervention. 
Conventionally, however, manipulating complex workflows, processes, schema definitions, 
hierarchical and linear relationships and like business objects through a web application has 
required that the user be technically savvy and required that a number of plug-ins be added to the 
browser to handle the graphic, control and/or data handling requirements of such applications. 
Such plug-in software modules may be difficult, time consuming and costly for IT departments 
to maintain over a larger network. Moreover, although many graphical programs exist to create 
a representation of such processes, the representations that these applications generate are mostly 
just that: representations and pictures. These representations generally do not have any 
functionality beyond providing the user with a graphical image of the underlying business 
objects such as a flowchart, a workflow, etc. Such images generally do not affect or have any 
connection to the underlying business logic, as stored in a business object layer including, for 
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example, a database. For example, deleting a particular branch of a hierarchy that is graphically 
represented does not conventionally affect any other business logic associated with that 
hierarchy, as it is only the representation of the hierarchy that has changed, and not any logic 
coupled thereto. 

For example, an employee hired might be represented as a new branch in a graphical 
representation of the company's managerial hierarchy. However, adding such a new branch in a 
graphical representation of the company's hierarchy does not, in itself, trigger additional logic 
and events in the company's database. For example, adding a representation of a new hire to a 
graphical representation of the company's hierarchy does not conventionally trigger the creation 
and/or execution of business logic to order equipment for the new hire, hook up his or her 
network connection or send an email to the new hire's supervisor, for example. 

From the foregoing, it may be appreciated that what are needed are methods and systems 
that would allow users to create and modify graphical representations of business processes, 
logic and flows and to cause such representations to affect the business logic and objects 
represented by such graphical representations. What are also needed are methods and systems 
for carrying out such functionality in a thin client environment that implements, for example, a 
Web browser while minimizing the round trip delays for the transmission of control information 
and data between the thin client and the server. 

SUMMARY OF THE INVENTION 

In accordance with the above-described objects and those that will be mentioned and will 

become apparent below, an embodiment of the present invention is a computer-implemented 
method of representing and manipulating a diagram on a browser, the diagram including a 
representation of a plurality of interconnected business objects. The computer-implemented 
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method may include steps of displaying at least a portion of the diagram in an active area of the 
browser, the active area being located in a first portion of the browser; displaying a diagram 
overview in a second portion of the browser, the diagram overview including a representation of 
an entirety of the diagram and indicating a currently displayed portion of the diagram that is 
displayed in the active area; enabling a selection of at least one of the plurality of business 
objects of the diagram displayed in the active area; enabling a selection of one of a plurality of 
canvas actions, each of the plurality of canvas actions enabling a user to take one of a 
corresponding plurality of actions on the selected at least one of the plurality of business objects; 
providing contextual information regarding the diagram displayed in the active area in a third 
portion of the browser; providing hierarchical information regarding the selected at least one of 
the plurality of business objects in a fourth portion of the browser; carrying out the selected 
canvas action on the selected at least one of the plurality of business objects, and refreshing at 
least the active area of the browser to display a revised portion of the diagram, the revised 
portion of the diagram incorporating any changes to the diagram as a result of carrying out the 
selected canvas action on the selected at least one of the plurality of business objects. 

A step of enabling the displayed portion of the diagram to be panned left, right, up or 
down may be carried out through activation of pan controls disposed on each side of the active 
area of the browser. A step of enabling the active area of the browser to display a next adjacent 
quadrant of the displayed diagram upon detecting a predetermined user action may also be 
carried out. One or more of the business objects may include at least one hierarchically lower 
business object coupled thereto in a parent-child relationship. The method may also include a 
step of displaying the at least one hierarchically lower business object within the active area. A 
step of updating the contextual information displayed within the third portion of the browser to 
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reflect the portion of the diagram currently displayed in the active area of the browser may also 
be carried out. The canvas actions may, for example, include add node, remove node, update 
node, move node, group nodes, view source of node, insert node, duplicate node, display node 
edges, connect nodes, refocus, view information about a node, define properties of a node, edit 
properties of a node and view node hierarchy. A step of refreshing the second portion of the 
browser may also be carried out to update the diagram overview to reflect any changes to the 
diagram overview as a result of carrying out the selected canvas action on the selected at least 
one of the plurality of business objects. 

According to another embodiment thereof, the present invention is also a machine- 
readable medium having data stored thereon representing sequences of instructions which, when 
executed by computing device, causes said computing device to represent and enable 
manipulation of a diagram on a browser, the diagram including a representation of a plurality of 
interconnected business objects, by performing the steps of displaying at least a portion of the 
diagram in an active area of the browser, the active area being located in a first portion of the 
browser; displaying a diagram overview in a second portion of the browser, the diagram 
overview including a representation of an entirety of the diagram and indicating a currently 
displayed portion of the diagram that is displayed in the active area; enabling a selection of at 
least one of the plurality of business objects of the diagram displayed in the active area; enabling 
a selection of one of a plurality of canvas actions, each of the plurality of canvas actions enabling 
a user to take one of a corresponding plurality of actions on the selected at least one of the 
plurality of business objects; providing contextual information regarding the diagram displayed 
in the active area in a third portion of the browser; providing hierarchical information regarding 
the selected at least one of the plurality of business objects in a fourth portion of the browser; 
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carrying out the selected canvas action on the selected at least one of the plurality of business 
objects, and refreshing at least the active area of the browser to display a revised portion of the 
diagram, the revised portion of the diagram incorporating any changes to the diagram as a result 
of carrying out the selected canvas action on the selected at least one of the plurality of business 
objects. 

According to still another embodiment thereof, the present invention is a computer 
system suitable for representing and enabling manipulation of a diagram on a browser, the 
diagram including a representation of a plurality of interconnected business objects, comprising: 
at least one processor; at least one data storage device coupled to the at least one processor; a 
plurality of processes spawned by said at least one processor, the processes including processing 
logic for: displaying at least a portion of the diagram in an active area of the browser, the active 
area being located in a first portion of the browser; displaying a diagram overview in a second 
portion of the browser, the diagram overview including a representation of an entirety of the 
diagram and indicating a currently displayed portion of the diagram that is displayed in the active 
area; enabling a selection of at least one of the plurality of business objects of the diagram 
displayed in the active area; enabling a selection of one of a plurality of canvas actions, each of 
the plurality of canvas actions enabling a user to take one of a corresponding plurality of actions 
on the selected at least one of the plurality of business objects; providing contextual information 
regarding the diagram displayed in the active area in a third portion of the browser; providing 
hierarchical information regarding the selected at least one of the plurality of business objects in 
a fourth portion of the browser; carrying out the selected canvas action on the selected at least 
one of the plurality of business objects, and refreshing at least the active area of the browser to 
display a revised portion of the diagram, the revised portion of the diagram incorporating any 
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changes to the diagram as a result of carrying out the selected canvas action on the selected at 
least one of the plurality of business objects. Alternatively, a refreshing operation may be 
carried out without being triggered by the user. 

According to another embodiment thereof, the present invention is a computer 
implemented method for a user to remotely and graphically manipulate representations of 
business objects on a browser of a thin client coupled to a server over a network, the method 
comprising: displaying a diagram that includes a representation of a plurality of interconnected 
business objects on the browser; detecting an event triggered by the user on the displayed 
diagram on the browser; submitting a request associated with the triggered event to a controller, 
the controller being configured to interface between the thin client and a business object 
controlling application running on the server, the controller being configured to control page 
flow between the application and the browser on the thin client depending upon the detected 
event or upon a predetermined condition; changing the state of the business object controlling 
application on the server according to the detected event or the predetermined condition; 
receiving an answer from the controller in response to the submitted request, the received answer 
causing the browser to refresh its display of the diagram so as to reflect the changed state of the 
business object controlling application. A refreshing operation may be carried out without being 
triggered by the user. 

The business controlling application may be coupled to a database that stores the data 
associated with the plurality of business objects and the method may further include a step of 
changing the data stored within the database to reflect the changed state of the business object 
controlling application. The answer from the controller may include a URL of a Web page. 

According to another embodiment thereof, the present invention is a machine-readable 
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medium having data stored thereon representing sequences of instructions which, when executed 
by computing device, causes said computing device to enable a user to remotely and graphically 
manipulate representations of business objects on a browser of a thin client coupled to a server 
over a network, by performing the steps of: displaying a diagram that includes a representation of 
a plurality of interconnected business objects on the browser; detecting an event triggered by the 
user on the displayed diagram on the browser; submitting a request associated with the triggered 
event to a controller, the controller being configured to interface between the thin client and a 
business object controlling application running on the server, the controller being configured to 
control page flow between the application and the browser on the thin client depending upon the 
detected event or upon a predetermined condition; changing the state of the business object 
controlling application on the server according to the detected event or the predetermined 
condition; receiving an answer from the controller in response to the submitted request, the 
received answer causing the browser to refresh its display of the diagram so as to reflect the 
changed state of the business object controlling application. A refreshing operation may be 
carried out without being triggered by the user. 

The present invention, may also be viewed, according to another embodiment thereof, as 
a computer system enabling a user to remotely and graphically manipulate representations of 
business objects on a browser of a thin client coupled to a server oyer a network, the computer 
system comprising: at least one processor; at least one data storage device coupled to the at least 
one processor; a plurality of processes spawned by said at least one processor, the processes 
including processing logic for: displaying a diagram that includes a representation of a plurality 
of interconnected business objects on the browser; detecting an event triggered by the user on the 
displayed diagram on the browser; submitting a request associated with the triggered event to a 
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controller, the controller being configured to interface between the thin client and a business 
object controlling application running on the server, the controller being configured to control 
page flow between the application and the browser on the thin client depending upon the 
detected event or upon a predetermined condition; changing the state of the business object 
controlling application on the server according to the detected event or the predetermined 
condition; receiving an answer from the controller in response to the submitted request, the 
received answer causing the browser to refresh its display of the diagram so as to reflect the 
changed state of the business object controlling application. A refreshing operation may be 
carried out without being triggered by the user. 

BRIEF DESCRIPTION OF THE DRAWINGS 

Fig. 1 is a diagram illustrating components of the system for graphically manipulating 

business objects, according to an embodiment of the present invention. 

Fig. 2 shows major components of the graphical diagram editor, according to an 
embodiment of the present invention. 

Fig. 3 shows the graphical diagram editor in another state, according to an embodiment of 
the present invention. 

Fig. 4 shows the graphical diagram editor in another state, according to an embodiment of 
the present invention. 

Fig. 5 shows the graphical diagram editor in another state, according to an embodiment of 
the present invention. 

Fig. 6 shows the graphical diagram editor in yet another state, according to an 
embodiment of the present invention. 

Fig. 7 illustrates aspects of the control flow for a method of remotely and graphically 
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manipulating business objects, according to an embodiment of the present invention. 

Fig. 8 is a block diagram of a computing device such as a mobile device or a computer, 
suitable for implementing the present invention. 

DESCRIPTION OF THE INVENTION 

FUNCTIONAL DESCRIPTION 

Fig. 1 is a diagram illustrating the major components of the system for graphically 
manipulating business objects, according to an embodiment of the present invention. A business 
object, according to embodiments of the present invention, is a broadly inclusive concept that 
encompasses business information as well as associated business methods and logic for acting 
upon the business information. For example, a business object may include a sales order, in 
which the business information may include, for example, the nature and quantity of the items 
ordered, requested delivery dates and the like, whereas the business methods may include any 
actions that are necessary to fill the sales order, such as the issuance of orders to inventory, 
shipping, costing and accounting applications, for example. As shown in Fig. 1, the system 100 
may include three logical layers, including the rendering or view layer, the middle tier or 
application layer and the database layer, which may include a database 108 such as an XML 
repository, for example. In the rendering layer, a browser 102 implemented by a thin client 101 
is shown. The browser 102 (such as, for example, Microsoft's Internet Explorer version 5.0 and 
above, for example) need not include plug-ins, such as Microsoft's VML, Adobe's SVG or 
Macromedia's Flash, for example. According to embodiments of the present invention, all that is 
required for the browser 102 is the ability to make HTTP requests and render to Web pages. The 
browser 102 may incorporate other functionalities and/or plug-in software modules, but such are 
not required according to embodiments of the present invention. The computer (e.g., a personal 
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computer 101) running the browser 102 may be coupled to the middle tier through a computer 
network (not shown), which may include the Internet, for example. The browser 102 may be 
coupled to a controller 104. The controller 104, according to an embodiment of the present 
invention, allows the grouping of Web pages to form a Web application, and provides the ability 
to control page flow between Web pages depending upon, for example, user input or 
predetermined conditions. Functionally, the controller 104 resides on a server and examines 
each HTTP request between the thin client 102 and the server 110. Depending upon the data the 
user has entered and/or other predetermined conditions, the state of the server 110 (and that of 
the database 108 or other repository), and the results returned from handlers in the application 
106, the controller 104 determines which Web page to cause the browser 102 to display next, 
while performing operations on the data in the process. Advantageously, the controller 104 may 
include Oracle Corporation's UIX controller, such as described in Oracle Corporation's "UIX 
Developer's Guide, UK release 2.1.7", Chapter 5, "Introducing the UIX Controller", and "Oracle 
9i XML Developer's Kits Guide - XDK Release 2 (9.2) Part Number A96621-01", the contents 
of each of which is incorporated herein in its entirety. However, other controllers may also be 
used within the context of the present invention. 

Conventionally, static HTML pages are linked together with hardcoded HTML links. 
This means that the page flow is static - clicking on a link always sends the user to the same 
HTML page. However, in most Web applications, it is necessary to dynamically choose a page 
to go to when a link is activated or a form is submitted. This decision may be made depending 
on the data submitted by the user or the state of the server. Moreover, while making this 
decision, the state of the server may change. 

The controller 104 has the ability to indicate which links or form submissions require 
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special processing. All requests from the thin client 102 are received by the controller 104 and 
by default, and the controller 104 serves up the page or pages requested by the thin client 
request. However, the controller 104 may also recognize a special signal known as an "event". 
Any link or form submission may be encoded to trigger an event. When a user clicks or 
otherwise selects a link encoded to trigger an event via the thin client 102, the controller 104 may 
execute specific code to handle the event, and may modify the state of the server 110 in the 
process. The controller 104 may then use the result of the execution of the code to determine 
which page to render in response to the event. Events, according to an embodiment of the 
present invention, are the mechanism by which applications, such as application 106, interact 
with the controller 104 to modify the state of the server 110 (and that of the database 108, for 
example) in the process. An event may be designated by a URL, with a number of parameters. 
The application 106 may include any application that is rendered by the browser 102 and acts 
upon a data store such as the database 108 through the controller 104. According to one 
embodiment of the present invention, the application 106 may include the graphical diagram 
editor disclosed below and shown in Figs. 2 through 7 or a functionally similar graphical editor. 

Fig. 2 shows major components of a graphical diagram editor, according to an 
embodiment of the present invention. As shown therein, this Web application may be rendered 
on a browser, such as shown at 102 in Fig. 1. The diagram editor, according to an embodiment 
thereof, may include a diagram active area 228, in which a plurality of nodes are displayed and 
interconnected. Examples of nodes (each of which may be or include one or more business 
objects) are shown at 212, 214, 216, 218, 220, 222 and 224. The diagramming application may 
include so-called application breadcrumbs 202, which tell the user the location of the current 
diagram and allow the user to navigate back through the path leading to the diagram. So-called 
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diagram breadcrumbs 203 may also be included. When the user opens up a sub-process or drills 
down to see the children of a node, the parent-child relationship of the nodes may be displayed at 
203. For example, the diagram breadcrumbs may include two strings, including the name of the 
graph ("Graph X" in the example of Fig. 2), appended with the name of the grouped sub- 
process/child group. Contextual information regarding the graph may be included at 204. The 
contextual information may include general information about the diagram, which information 
may be (selectably) read only or editable. Exemplary fields are shown at 204, including fields 
related to the characteristics of the diagram file (such as, for example, created on, owner, status) 
as well as substantive information relating to the contents of the diagram (in this case, number of 
directs, number of employees, manager level, for example). 

Embodiments of the present Web-based graphical diagramming application may also 
include canvas actions, shown in Fig. 2 at 206. Canvas actions, according to an embodiment of 
the invention, enable the user to control the behavior of the diagramming application and/or the 
appearance of the active region 228 when the user clicks or otherwise points to the diagram. As 
shown in Fig. 2, the selected canvas action at 206 is the "Add" mode. For example, once the 
"Add" mode is selected, the messaging area pointed to by reference numeral 210 may display 
instructional text, may prompt the user to carry out some action (e.g., select, group), may 
indicate which node(s) is/are selected and/or may include Cancel and Select actions, for 
example. Examples of possible canvas actions, according to embodiments of the present 
invention, may include (but are not limited to), for example, 

- Add/Remove node; 

- Update node (default canvas action). Add and Update may be combined. 
Move node; 
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- Group node; 

- View Source of node (Click node and go to the object (i.e., URL of the object) 
represented by that node, at run time; 

- Insert node before or after existing node 

- Duplicate node; 

- Display Node Edges (selecting several nodes and being provided with the detailed - 
attribute-level - relationships between the selected nodes; 

- Connect (similar to Group canvas action, with the exception that this canvas action 
only connects selected objects and does not group them); 

- Refocus (this canvas action makes the selected node the focus of the displayed 
diagram). A floating window may provide the properties of the selected node. 

- View information about a node; 

- Define/Update properties of a node; 

- Pan; 

- View Children of a node, node hierarchies. 

Other canvas actions 206 may also be envisaged and implemented, as those of skill in this 
art may recognize. When the canvas mode is selected to be "Add" as shown at 206, Add/Move 
target indicators 230 may be shown in the active region 228, providing a visual cue to the user 
indicating that an additional node or nodes may be added in a given location. The Add/Move 
target indicators may be configured so as to only appear when the canvas mode is set to Add or 
Move. Other indicators and/or other cues or items may be shown in the active region 228 
depending upon the selected canvas mode. 

Reference numeral 208 designates the diagram overview. The diagram overview 208 is 
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used for navigating to a specific quadrant of the overall diagram, which specific quadrant or area 
may be identified by an alphanumerical pair (e.g., quadrant Bl). Initially, the entire diagram 
may be visible or centered within the diagram overview 208 when the diagram is larger than the 
window. Reference numeral 232 designates a flow status indicator that may be used to indicate 
the progress of a predefined sequence of steps. Such flow status indicators are product and 
implementation specific. According to an embodiment of the present invention, clicking or 
otherwise selecting a quadrant within the diagram overview 208 will cause the selected quadrant 
of the diagram to become visible in the active region 228. The diagram overview 208 aids the 
user in navigating through large and complex diagrams by providing a visual indication (e.g., a 
highlighted portion of the overview) to the user of the location of the currently displayed portion 
of the diagram in the active area 228 relative to the larger, complete diagram. In the case of the 
exemplary diagram shown in Fig. 2, the entire diagram may be shown in the active region 228. 
That is, the diagram shown in the diagram overview 208 is duplicated at a larger scale in the 
active region 228. According to an embodiment of the present invention, had the exemplary 
diagram shown in Fig. 2 been much larger, only a portion thereof would have fit in the active 
region 228 whereas the entire drawing would have been shown in the diagram overview 208. 

Nodes within the diagram may represent processes (parents) and/or sub-processes 
(children), for example. Such sub-processes or children nodes are shown in the diagram at 
reference numerals 218 and 220. Clicking or otherwise selecting such an icon allows the user to 
navigate to a nested flow or nested nodes. Such a flow or children nodes may be opened within 
the existing view of the diagram or replace the existing view within the active region 228, 
showing only the children nodes. In any event, a pointer back to the parent flow, process or node 
may be provided. To aid in navigation, sub-process breadcrumbs may surface and become 
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visible when the nested flow or children are viewed, to enable the user to maintain the context of 
the viewed children within the overall hierarchy or workflow, for example. To ease navigation 
through a diagram that may be larger than the active area 228, pan controls 226 may be provided 
on each side of the active area 228. Using such pan controls 226, the user is able to pan up, 
down, left and right by clicking on or otherwise selecting a selected pan control arrow 226. The 
present diagramming application may be configured such that, by clicking a certain number of 
times on a single pan control 226, the user may jump to a next adjacent quadrant in the direction 
of the pan control arrow 226. When the entire diagram is in full view within the active area 228, 
the pan controls 226 may be grayed out, rendering them inoperative. A dotted line extending 
from a node out to an edge of the currently displayed portion of the active area may be used to 
indicate that the diagram extends beyond that portion of the active area 228 that is currently 
visible. 

Fig. 3 shows the diagramming Web application of Fig. 2, in which the canvas mode 206 
is selected to be "Delete". Several nodes may be selected for deletion. After the node or nodes 
top be deleted are selected, the user may click on the "Select" button 302 or cancel the node 
delete operation by clicking the "Cancel" button 304. After the user has selected a node, such as 
node 214 in Fig. 4, the node may be highlighted, as shown at 306. An optional delete 
confirmation warning may then appear, as shown in Fig. 5. Optionally, the confirmation 
warning shown in Fig. 5 may appear within the active area 228. Fig. 6 shows the diagramming 
Web application of Figs. 2 and 3 after the node 214 has been deleted and after the active area of 
the browser has been refreshed. As shown, the diagram overview 208 is suitably refreshed and 
updated to reflect the deletion of the node 214. A refreshing operation may be carried out 
without being triggered by the user. 
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Fig. 7 illustrates aspects of the control flow 700 for a method to enable even non- 
technical users to remotely and graphically create, edit and otherwise manipulate business 
processes, objects, logic and flows, according to an embodiment of the present invention. The 
purely thin client implementation shown in Fig. 7 associates a dynamically rendered diagram 
with operations that affect downstream business logic. Embodiments of the present inventions 
separate the browser-rendered representation of the business processes, logic and flow from the 
business logic layer that carries out the operations symbolized by the representation thereof on 
the browser. As shown, the present diagramming Web application runs on a thin client, such as 
browser that does not necessitate plug-ins and like software add-on modules. The user, 
symbolized at 702, generates a pointer event at 704 by, for example, clicking or otherwise 
selecting a node (e.g., a representation of a business object) within the active area 228, the 
diagram overview 208 or a canvas action as described above. The present Web diagramming 
application may then submit one or more HTTP requests (shown in Fig. 7 as "Form Submit" 
706) selected by the pointer event of reference numeral 704. The HTTP request(s) is/are then 
passed to the controller 104. The controller 104 provides the ability to control page flow 
between Web pages that are rendered on the user's browser depending upon, for example, user 
input and/or predetermined conditions. Functionally, the controller 104 resides on a server and 
examines each HTTP request between the thin client 702 and the server 110 on which the 
controller 104 may reside. Depending upon the data the user has entered through the browser 
702 and/or other predetermined conditions, the state of the server 1 10 (and that of the database 
108 or other repository), and the results returned from handlers in the present Web diagramming 
application, the controller 104 determines which Web page to cause the browser to display next, 
while performing operations on the underlying data in the process. 
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If the controller 104 determines that the user interaction is solely a diagram navigation 
event that does not affect the underlying business processes, flows and logic represented in the 
diagram, control passes to 712, and thereafter to reference numeral 718, at which point the 
properties of the diagram to be shown on the browser 702 are modified according to the user's 
input. For example, the user might have panned the active area 228 or expanded a parent node to 
reveal previously hidden child nodes, without, however, affecting the logic represented by the 
diagram. As shown at 718, the HTML code of the changed representation of the diagram within 
the active area 228 and rendered, as suggested by 720, and provided to the user. 

If, however, the controller 104 determines that the user interaction results in a change in 
the underlying business processes, flow or logic represented by the diagram in the active area 
228, an application event may be triggered, as shown at 710. The application event triggered at 
710 causes the state of the present Web diagramming application to change to reflect the 
triggered event. This change in the state of the diagramming application may be accompanied by 
corresponding changes and updates in the table or tables associated with the change in the 
database 108. This change in the state of the diagramming application then triggers a diagram 
navigation event, as shown at 712. This diagram navigation event updates the presentation of the 
underlying business process, flow and logic within the active area 228 according to the changed 
application state. This diagram navigation event 712 in turn causes the properties of the diagram 
displayed within the active area 228 to change, as shown at 716. As shown at 718 and in the 
manner described above, the HTML code reflecting the changed state of the Web diagram within 
the active area 228 is then rendered, as suggested by 720 and sent to the browser/thin client. 

HARDWARE DESCRIPTION 

Figure 8 illustrates a block diagram of a computing device (including a mobile device, a 
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desktop computer and/or a laptop computer, for example) 800 with which an embodiment of the 
present invention may be implemented. Computing device 800 includes a bus 801 or other 
communication mechanism for communicating information, and a processor 802 coupled with 
bus 801 for processing information. Computer device 800 further comprises a random access 
memory (RAM) or other dynamic storage device 804 (referred to as main memory), coupled to 
bus 801 for storing information and instructions to be executed by processor 802. Main memory 
804 also may be used for storing temporary variables or other intermediate information during 
execution of instructions by processor 802. Computing device 800 also includes a read only 
memory (ROM) and/or other static storage device 806 coupled to bus 801 for storing static 
information and instructions for processor 802. A data storage device 807, such as a magnetic 
disk or optical disk, may also be coupled to bus 801 for storing information and instructions. A 
communication device 808, such as a modem or network adapter (such as Ethernet, for example) 
card is also coupled to the bus 801 to provide access to a network, such as the Internet, for 
example. 

The computing device 800 may also be coupled via bus 861 to a display device 821, such 
as a liquid crystal display, for displaying information to a computer user. An alphanumeric input 
device 822, including alphanumeric and other keys, is typically coupled to bus 861 for 
communicating information and command selections to processor 802. 

The present invention is related to the use of computing devices 800 to implement 
methods and systems for representing and manipulating a diagram on a browser and for remotely 
and graphically manipulate representations of business objects on a browser of a thin client 
coupled to a server over a network. According to one embodiment thereof, the system for 
representing and manipulating a diagram on a browser or for remotely and graphically 
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manipulate representations of business objects on a browser of a thin client coupled to a server 
over a network may be provided by one or more computing devices 800 in response to 
processor(s) 802 executing sequences of instructions contained in memory 804. Such 
instructions may be read into memory 804 from another computer-readable medium, such as data 
storage device 807. Execution of the sequences of instructions contained in memory 804 causes 
processor(s) 802 to implement the methods disclosed herein. In alternative embodiments, hard- 
wired circuitry may be used in place of or in combination with software instructions to 
implement the present invention. Thus, the present invention is not limited to any specific 
combination of hardware circuitry and software. 

While the foregoing detailed description has described preferred embodiments of the 
present invention, it is to be understood that the above description is illustrative only and not 
limiting of the disclosed invention. Those of skill in this art will recognize other alternative 
embodiments and all such embodiments are deemed to fall within the scope of the present 
invention. Thus, the present invention should be limited only by the claims as set forth below. 
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